import React,{useState} from 'react'; //这是hooks的方法1
import ReactDom from 'react-dom';
import './index.less';
import {Button} from 'antd';
import State from './todoList.jsx';
import { useObserver, useLocalStore } from 'mobx-react';//这是安装mobx的方法1

function App(){
  const AppState = useLocalStore(() => State); //这是安装mobx的方法2
  const [state , setState] = useState({defalutValue : ''}) //这是hooks的方法2

  const setValue = () => {//这是hooks的方法3
   setState({
    defalutValue:'这是useState设置后的值dsadsa'
   })
  }

  return useObserver(() => {//这是安装mobx的方法3
    return (
      <div>
         {/* 这是安装hooks的方法4 */}
         <p>{state.defalutValue}</p>
         <Button onClick={setValue}>设置值</Button>
         {/* 这是安装mobx的方法4  */}
         <p>{AppState.title}</p>
         <Button onClick={AppState.editValue} type='primary'>42343</Button>
       
      </div>
     )
  })
}
export default App;


ReactDom.render(<App />,document.getElementById('app'));